<script setup>
// import vipOrder from './wegits/vipOrder.vue';
import humanOrder from './wegits/humanOrder.vue';
import rechargeOrder from './wegits/rechargeOrder.vue';

const list = ['会员订单', '充值订单'];
const current = ref('会员订单');
</script>

<template>
    <div class="order">
        <u-navbar title="订单管理" placeholder autoBack></u-navbar>
        <div class="tabs">
            <wd-segmented :options="list" v-model:value="current" size="large"></wd-segmented>
        </div>
        <div class="content">
            <!-- <vipOrder v-if="current === '会员订单'"></vipOrder> -->
            <humanOrder v-if="current === '会员订单'"></humanOrder>
            <rechargeOrder v-if="current === '充值订单'"></rechargeOrder>
        </div>
    </div>
</template>

<style scoped lang="scss">
.order {
    height: 100vh;
    display: flex;
    flex-direction: column;
    .tabs {
        padding: 10px;
    }
    .content {
        flex: 1;
        overflow: hidden;
    }
}
</style>
